body{
    margin: 0;
    padding: 0;
    font-size: 15px;
    font-family: "Lucida Grande", "Helvetica Nueue", Arial, sans-serif;
}

/* RWD settings */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
/*  body {background: red;}*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
 /* body {background: green;}*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
/*  body {background: blue;}*/
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
/*  body {background: orange;}*/
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
 /* body {background: pink;}*/
}
* {
  box-sizing: border-box;
}
[class*="col-"] {
  width: 100%;
}
@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}
[class*="col-"] {
  float: left;
  padding: 15px;
  /*border: 1px solid red;*/
}
.clearfix {
	overflow: auto;
	float: none;
}
.trace {
	border: 1px solid blue;
	vertical-align: middle;
	margin: auto;
}
.t1 {
	background-color: red;
	vertical-align: middle;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.t2 {
	width: 25%;
}
.t3 {
	border: 1px solid blue;
}
.testmod  {
	display: inline-block;
	border: 1px solid green;
}
.testmod img {
	vertical-align: middle;
}
.testmod span {
	vertical-align: middle;
	display: inline-block;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
/* nvabar class definitions */
.navbar {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
    display: block;
    margin: 0;
    overflow: hidden;
}
.navbar ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.navbar ul li {
    margin: 0;
    display: inline-block;
    list-style-type: none;
    transition: all 0.2s;
}
.navbar > ul > li > a {
    color: #aaa;
    display: block;
    line-height: 2em;
    padding: 0.5em 2em;
    text-decoration: none;
}
.navbar li > ul{
    display : none;
    margin-top:1px;
    background-color: #bbb;
}
.navbar li > ul li{
    display: block;
	z-index: 10;
}
.navbar  li > ul li a {
    color: #111;
    display: block;
    line-height: 2em;
    padding: 0.5em 2em;
    text-decoration: none;
}
.navbar li:hover {
    background-color: #666;
}
.navbar li:hover > ul{
    position:absolute;
    display : block;
}
.navbar li > ul > li ul  {
    display: none;
    background-color: #888;
}
.navbar li > ul > li:hover > ul  {
    position:absolute;
    display : block;
    margin-left:100%;
    margin-top:-3em;
}
.navbar ul > li.sub{
    background: url(ic_keyboard_arrow_down_white_18dp.png) right center no-repeat;
}
.navbar ul > li.sub li.sub{
    background: url(ic_keyboard_arrow_right_white_18dp.png) right center no-repeat;
}

/* Class definitions */
.audiocell {
	text-align: center;
}
.bkgwin1a {
	background-size: 100%;
	opacity: 0.1;
	filter: alpha(opacity=10%);
	z-index: -4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("../img/glacierbay.jpg");
	background-repeat: no-repeat;
}
.bkgwin1b {
	opacity: 1.0;
	filter: alpha(opacity=100%);
	position: relative;
	z-index: 2;
}
.cardContainer {
	position: relative;
	z-index: -2;
	text-align: center;
/*	background-color: #FAF0E6;*/
}
.defaultCard {
	position: relative;
	z-index: -1;
	display: inline-block;
	background-color: #FAF0E6; 
	vertical-align: middle;
	margin: 15px;
}
.centerTable {
	margin-left: auto;
	margin-right: auto;
}
.centerTab {
	text-align: center;
}
.centerImg {
	position: relative;
	z-index: 1;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}
.header {
	position: relative;
	z-index: -1;
	text-align: center;
}
.heading1 {
	opacity: 1.0;
	filter: alpha(opacity=100%);
	color: black;
	text-align: left;
	font-size: 24pt;
	font-weight: bold;
	z-index: 1;
}
.heading2 {
	opacity: 1.0;
	filter: alpha(opacity=100%);
	text-align: left;
	font-size: 18pt;
	z-index: 1;
}
.heading3 {
	opacity: 1.0;
	filter: alpha(opacity=100%);
	color: black;
	text-align: left;
	font-size: 12pt;
	font-weight: bold;
	z-index: 1;
}
.heading4 {
	opacity: 1.0;
	filter: alpha(opacity=100%);
	text-align: center;
	font-size: 18pt;
	z-index: 1;
}
.linklista {
	display: inline-block;
	height: 100%;
}
.linklist {
}
.linklist img {
	vertical-align: middle;
	/*max-width: 100%;*/
	max-height: 50px;
}
.linklist span {
	vertical-align: middle;
	display: inline-block;
}
.ncback {
	background-color: blue;
}
.vatback {
	background-color: red;
}
.verticalspace {
	margin-bottom: 15px;
}
.videocell {
/*	position: relative;
	z-index: 1;*/
	width: 100%;
	height: auto;
	text-align: center;
}

/* Specific id definitions */
#cardFront {
}